// packageAPI/pages/media/compressImage/compressImage.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 公共参数
    title:'',
    result:null,
    formData:{
      quality:80,
      compressedWidth:null,
      compressedHeight:null
    },
    schemas:[
      {
        label:'压缩质量',
        prop:'quality',
        type:'number',
        numRang:[0,100],
        value:80
      },
      {
        label:'压缩后宽度',
        prop:'compressedWidth',
        type:'number',
        value: null,
        numRang:null
      },
      {
        label:'压缩后高度',
        prop:'compressedHeight',
        type:'number',
        value: null,
        numRang:null
      }
    ],
    src:'',
    options:{}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    if(options&&options.zh){
      this.setData({
        title: options.zh
      })
    }
  },
  compress(){
    wx.compressImage({
      src: this.data.src,
      ...this.data.options,
      success:(res)=>{
        this.setData({
          result:{
            'compressImage':'success',
            ...res
          },
          src:res.tempFilePath
        })
      },
      fail:(err)=>{
        this.setData({
          result:{
            'compressImage':'fail',
            ...err
          }
        })
      }
    })
  },
  schemaDataChange(data){
    console.log('FFF:',data)
    this.setData({
      [`schemas[${data.detail.index}]`]:data.detail.data,
    })
  },
  setOptions(e){
    this.setData({
      options:e.detail.formData
    })
  },
  chooseImage() {
    const that = this
    wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sizeType: ['original'],
      sourceType: ['camera', 'album'],
      camera: ['back','front'][0],
      success(res) {
        that.setData({
          imageList:res.tempFiles,
          src:res.tempFiles[0].tempFilePath
        })
      }
    })
  },
 

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})